<template>
  <div class="kw-form-item" :class="config.cls">
    <div class="kw-form-item-label">
      <span>{{config.name}}</span>
      <span class="desc">{{config.desc}}</span>
    </div>
    <div class="kw-form-item-content">
      <select v-model="defaultValue">
        <option v-for="(item, index) in config.options" :key="index" :value="item.value" :label="item.label"></option>
      </select>
    </div>
  </div>
</template>

<script>
import { prop } from '../mixins/prop'
export default {
  name: 'select-prop',
  mixins: [prop],
  props: {
    config: {
      default: {
        options: []
      }
    }
  }
}
</script>

<style>

</style>